<template>
  <div class="nav">
    <div class="nav-slogan">
      <img src="@/assets/img/nav-logo.jpg">
    </div>
    <div class="nav-link">
      <div class="nav-box">
        <router-link class="nav-a" to='/'>
          <a class="nav-a-content">找地首页</a>
        </router-link>
        <router-link class="nav-a" to='/project'>
          <a class="nav-a-content">土地信息</a>
        </router-link>
        <router-link class="nav-a" to='/meet'>
          <a class="nav-a-content">找地活动</a>
        </router-link>
        <router-link class="nav-a" to='/bangdan'>
          <a class="nav-a-content">地产榜单</a>
        </router-link>
        <router-link class="nav-a" to='/data'>
          <a class="nav-a-content">投资数据</a>
        </router-link>
      </div>
    </div>
  </div>
</template>
<script></script>
<style lang="stylus" scoped>
  .nav
    width: 1280px
    height: 40px
    background: #00bcd4
    margin: 0 auto
    .nav-slogan
      font-size: 24px
      width: 380px
      height: 40px
      color: #333
      line-height: 40px
      float: left
      text-align: center
      margin-top: -2px
    .nav-link
      width: 890px
      height: 40px
      line-height: 40px
      float: left
      .nav-box
        width: 460px
        height: 40px
        line-height: 40px
        margin: 0 auto
        .nav-a
          width: 90px
          height: 40px
          line-height: 40px
          float: left
          text-align: center
          border-right: 1px solid #fff
          .nav-a-content
            color: #fff
            font-size: 16px
            font-weight: bold
</style>
